/* stylelint-disable liberty/use-logical-spec */
.relative {
  position: relative;
}

.ftVideoPlayer {
  width: 100%;
}

.ftVideoPlayer.vjs-user-inactive {
  cursor: none;
}

:deep(.sponsorBlockMarker),
:deep(.chapterMarker) {
  position: absolute;
  opacity: 0.6;
}

:deep(.sponsorBlockMarker) {
  block-size: 100%;
  background-color: var(--primary-color);
}

:deep(.chapterMarker) {
  height: 100%;
  top: 0;
  width: 2px;
  z-index: 2;
  background-color: #000;
}
/* stylelint-enable liberty/use-logical-spec */

@media only screen and (width <= 460px) {
  :deep(.dash-selector .vjs-menu) {
    max-block-size: 14em;
  }
}
